html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: normal 100% inherit }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { background: #fff; line-height: 1; -moz-user-select: none; -khtml-user-select: none; user-select: none }
html, body { -webkit-touch-callout: none }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
td { vertical-align: middle }
.columns img, .column img { height: auto; max-width: 100% }
img, object, video { height: auto; max-width: 100% }
img { width: auto; border: 0; -ms-interpolation-mode: bicubic }
h1, h2, h3, h4, h5, h6 { color: #333; font-weight: bold; font-family: Arial, sans-serif }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit }
h1 { font-size: 1.75em; line-height: 50px }
h2 { font-size: 1.375em; line-height: 30px }
h3 { font-size: 1em; line-height: 34px }
h4 { font-size: .875em; line-height: 30px }
h5 { font-size: .75em; line-height: 24px }
h6 { font-size: .625em; line-height: 21px }
p img { margin: 0 }
em { font-style: italic }
strong { color: #333; font-weight: bold }
small { font-size: 80% }
hr { clear: both; margin: 10px 0 30px; height: 0; border: solid #ddd; border-width: 1px 0 0 }
a, a:visited { outline: 0; color: #333; text-decoration: none; -webkit-transition: color .1s ease-in-out; -moz-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; -transition: color .1s ease-in-out }
a:hover, a:focus { color: #333 }
p a, p a:visited { line-height: inherit }
ul, ol { margin: 0 }
ul { list-style: none outside }
ol { list-style: decimal }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px }
li { line-height: 18px }
li p { line-height: 21px }
select { padding: 0; border-radius: 0 }
input{ vertical-align:middle;}
textarea { min-height: 60px }
input[type="checkbox"] { position: relative; top: 1px; display: inline; margin-right: 5px }
label span, legend span { color: #444; font-weight: normal; font-size: .875em }
.container:after { clear: both; display: block; visibility: hidden; height: 0; content: "\0020" }
.clearfix:before, .clearfix:after, .row:before, .row:after { display: block; visibility: hidden; overflow: hidden; width: 0; height: 0; content: '\0020' }
.clearfix, .row:after, .clearfix:after { clear: both }
.row, .clearfix { zoom: 1 }
.clear { clear: both; display: block; visibility: hidden; overflow: hidden; width: 0; height: 0 }
.dis_block { display: block }
.dis_none { display: none }
.no_border { border: none!important }
body .allow_click { display: block; background: url("../images/icon_go.png") no-repeat scroll 96% 50% #fff; cursor: pointer }
body .inp_click { display: block; background: url("../images/icon_go.png") no-repeat scroll 100% 50% #fff; cursor: pointer }
.icon_place { float: left; display: block; width: 18px; height: 18px; background: url(../images/icon_place.png) no-repeat; background-position: 2px 0 }
.icon_place_r { float: left; display: block; width: 15px; height: 22px; background: url(../images/place.png) no-repeat }
.icon_place_g { float: left; display: block; width: 18px; height: 18px; background: url(../images/icon_place_g.png) no-repeat }
.icon_list { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_list.png) no-repeat }
.icon_scan { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_scan.png) no-repeat }
.icon_cart { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_cart.png) no-repeat }
.icon_order { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_order.png) no-repeat }
.icon_credits { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_credits.png) no-repeat }
.icon_setting { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_setting.png) no-repeat }
.icon_logout { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_logout.png) no-repeat }
.icon_change_mini { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_change_mini.png) no-repeat }
.icon_down { padding-right: 12px; background: url("../images/icon_down.png") no-repeat scroll 100% 50% #fff; cursor: pointer }
.icon_choose { padding-right: 22px; background: url("../images/icon_choose.png") no-repeat scroll 100% 50% #fff; cursor: pointer }
.search{ margin-top: 10px; margin-right: 10px; color: #fff }
.search_input { float: left; padding: 7px 5px; width: 130px; height: 16px; border: 0; background: #fff; box-shadow: none; line-height: 16px }
.search .search_a { float: left; padding: 5px; width: 20px; height: 20px; border-left: #ddd solid 1px; background: #fff }
.choose_search { position: relative; left: 50%; margin-left: -90px; color: #fff }
.choose_search_input { float: left; margin-right: 2px; padding: 7px 5px; width: 130px; height: 16px; border: #ddd solid 1px; background: #fff; box-shadow: none; line-height: 16px }
.choose_search .choose_search_a { float: left; padding: 5px; width: 20px; height: 20px; border: #ddd solid 1px; background: #fff }
.submit_button[disabled] { border: #ddd solid 1px; background: #eee; color: #aaa }
.color_theme { color: #20a0d1 }
.icon_left { display: inline-block; width: 12px; height: 100%; background: url(../images/icon_left.png) no-repeat 0 50%!important }
.icon_right { display: inline-block; width: 12px; height: 100%; background: url(../images/icon_right.png) no-repeat 100% 50%!important }
.submit_button { width: 100%; height: 40px; border: #20a0d1 solid 1px; background: #20a0d1; color: #fff; font-size: 1.25em; cursor: pointer; -webkit-appearance: none }
.pidd_ten { padding: 10px }
.padd_top { padding: 20px 10px 10px }
.container { position: relative; top: 0; left: 0; z-index: 1; padding-bottom: 40px; width: 100%; background: #fff }
.movie{ position:absolute; z-index:10; left:101%;}
.movie_li li{ padding:10px 10px; border-bottom:#ddd solid 1px; height:40px; line-height:40px;}
.movie_li li label{ float:left; width:30%;height:40px; line-height:40px;}
.movie_li li span{ color:#333;height:40px; line-height:40px; display:inline-block}
.movie_li li span b{ color:#f93; padding-right:5px; font-size:1.25em;height:40px; line-height:40px; display:inline-block}
.check_use{ color:#888;padding:10px 10px; margin-bottom:10px;}

.tab_add{ float:left; display:inline-block;-moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear;}
.tab_add a:hover{ text-decoration:none; color:#20a0d1;}
.tab_add .sub,.tab_add .add{ width:38px; height:38px;border:#ddd solid 1px; background:#fcfcfc; display:block; font-size:1.125em; float:left; text-align:center; line-height:38px; color:#888;cursor:pointer;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.tab_add .sub{ border-right:none;}
.tab_add .add{ border-left:none}
.tab_add .product_num,.tab_add .product:focus{ width:48px; border:#ddd solid 1px;  text-align:center;  height:38px; line-height:38px; float:left; color:#333}
.tab_add .product_num_color{color#f56d0a;}

.movie_li_2 li{ padding:10px 10px; border-bottom:#ddd solid 1px; height:40px; line-height:40px;}
.movie_li_2 li label{ float:left; width:40%;  color:#666;height:40px; line-height:40px;}
.movie_li_2 li span{ color:#333;height:40px; line-height:40px; display:inline-block;}
.movie_li_2 li span b{ color:#f93; padding-right:5px; font-size:1.25em; display:inline-block;}
.movie_tip{ color:#888; font-size:0.875em; margin-top:10px;}
.color_6{ color:#666;}
.ticket_exp{ background:#eee; padding:10px;}
.ticket_exp p{ border:none; height:auto; padding:3px 0; line-height:1.5em;}
.div_back { position: fixed; bottom: 0; left: 0; width: 100%; height: 40px; background: #313131; line-height: 40px; -webkit-transform: translate3d(0px, 0px, 0px) }
.back_right { display: inline-block; padding: 5px 0; width: 50%; height: 30px; background: url(../images/back.png) no-repeat 50% 50%; text-align: center }
.movie_li>ul>li .inp_add_person { width: 69%; height: 28px; border: 0; font-size: 1em; line-height: 28px }
@media only screen and (min-width:600px){
body{ font-size: 150% }
li{ line-height:28px; }
li p { line-height:30px }
.container{ padding-bottom:60px;}
.submit_button {height:60px;}
.inp_button {height:60px;line-height:60px;}
.div_back {height:60px;line-height:60px;}
.back_right{padding:8px 0;height:44px;}
.movie_li li{ padding:15px 10px;height:60px; line-height:60px;}
.movie_li li label{height:60px; line-height:60px;}
.movie_li li span{height:60px; line-height:60px;}
.tab_add .sub,.tab_add .add{ width:58px; height:58px;line-height:58px;}
.tab_add .product_num,.tab_add .product:focus{ width:78px;height:58px; line-height:58px;}
.movie_li_2 li{ padding:15px 10px;height:60px; line-height:60px;}
.movie_li_2 li label{height:60px; line-height:60px;}
.movie_li_2 li span{height:60px; line-height:60px;}
.movie_li>ul>li .inp_add_person { height: 42px; line-height: 42px }
}
